.page{
        
    position: relative;
}


.statistics{
width: 100%;
height: 182rpx;
border-radius: 24rpx;
box-shadow: 0px 4px 8px 0px #0052D933;
background: #0052D9;

display: flex;
align-items: center;


.name{
    color: rgba(255, 255, 255, 0.65);
    font-size: 24rpx;
    line-height: 28rpx;
}

.total{
    width: 110px;
    text-align: center;
    .num{
        color: #fff;
        font-weight: 700;
        font-size: 36rpx;
        line-height: 68rpx;
        margin-top: 10rpx;
    }
}

.blank{
    height: 92rpx;
    width: 2rpx;
    display: block;
    background: rgba(0, 0, 0, 0.1);
}

.items{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    .item{
        flex: 1;
        text-align: center;
    }

    .num{
        color: #fff;
        font-weight: 700;
        font-size: 32rpx;
        line-height: 45rpx;
        margin-top: 10rpx;
    }
}

}






.rows{
    .row{
        padding: $base-space $base-space;
        border-bottom: 1px solid $background-color;
       .item{
            display: flex;
            align-items: center;
            justify-content: space-between;
       }

       .name{
            font-size: 32rpx;
            font-weight: bold;
       }

       .amount{
        color: $uni-color-error;
        font-size: 32rpx;
       }

       .date{
        color: #999;
       }

       .type{
        color: #999;
       }
    }
}


.dates{
    padding: $base-space;
}